<!--<template>-->
<!--  <div class="todo">-->
<!--    <div class="title">-->
<!--      {{date}}  {{name}}-->
<!--    </div>-->

<!--    <div class="types">-->
<!--      <div class="white-block type" @click="toDetail(item)" :class="{done:item.have}" v-for="(item) in types" :key="item.type">-->
<!--        <span class="type-name">{{item.name}}</span>-->
<!--        <div class="radios" v-if="!item.have">-->
<!--          <input @click="toAdd(item.type)" type="radio" :checked="item.have"  :name ="item.name" value="true">-->
<!--          有-->
<!--          <input type="radio" class="false" disabled="item.have"  :checked="!item.have"  :name ="item.name" value="false">-->
<!--          无-->
<!--        </div>-->

<!--        <div class="num" v-if="item.have">-->
<!--          {{item.done}}/{{item.num}}-->
<!--        </div>-->

<!--        <div class="del" @click.stop="detail(item)" v-if="item.have">-->
<!--          详情-->
<!--        </div>-->

<!--        <div class="del" @click.stop="del(item)" v-if="item.have">-->
<!--          删除-->
<!--        </div>-->
<!--        &lt;!&ndash;        <span class="week-status" @click="add(item)" v-if="!item.status">无</span>&ndash;&gt;-->
<!--        &lt;!&ndash;        <span class="week-status" v-else >有</span>&ndash;&gt;-->
<!--      </div>-->
<!--    </div>-->
<!--    &lt;!&ndash;    <div class="btns">&ndash;&gt;-->
<!--    &lt;!&ndash;      <div class="left-btn btn">&ndash;&gt;-->
<!--    &lt;!&ndash;        修改任务&ndash;&gt;-->
<!--    &lt;!&ndash;      </div>&ndash;&gt;-->
<!--    &lt;!&ndash;      <div class="right-btn btn">&ndash;&gt;-->
<!--    &lt;!&ndash;        历史查询&ndash;&gt;-->
<!--    &lt;!&ndash;      </div>&ndash;&gt;-->
<!--    &lt;!&ndash;    </div>&ndash;&gt;-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import { list, delAll } from '@/api/todo'-->
<!--import { showAlert, showConfirm } from '@/dialog'-->
<!--export default {-->
<!--  created () {-->
<!--    this.date = this.$route.query.date-->
<!--    this.name = this.$route.query.name-->
<!--    this.planId = this.$route.query.planId-->
<!--    this.getTodos()-->
<!--  },-->
<!--  methods: {-->
<!--    getTodos () {-->
<!--      list(this.planId).then(res => {-->
<!--        this.types.forEach(type => {-->
<!--          type.num = 0-->
<!--          type.have = false-->
<!--          res.data.forEach(todo => {-->
<!--            // 筛选时间 类型-->
<!--            if (todo.type === type.type && new Date(todo.date).toLocaleDateString() === this.date) {-->
<!--              type.have = true-->
<!--              type.num++-->
<!--              if (todo.status !== 0) {-->
<!--                type.done++-->
<!--              }-->
<!--            }-->
<!--          })-->
<!--        })-->
<!--      })-->
<!--    },-->
<!--    detail (item) {-->
<!--      this.$router.push({-->
<!--        path: '/todo/index',-->
<!--        query: {-->
<!--          date: this.date,-->
<!--          type: item.type-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    del (item) {-->
<!--      showConfirm('确定删除吗?', '将删除所有未完成项目').then(res => {-->
<!--        if (!res) return-->
<!--        delAll(this.date, item.type).then(() => {-->
<!--          showAlert('操作成功!').then(() => {-->
<!--            this.getTodos()-->
<!--          })-->
<!--        })-->
<!--      })-->
<!--    },-->
<!--    toDetail (item) {-->
<!--      if (item.have) {-->
<!--        this.toAdd(item.type)-->
<!--      }-->
<!--    },-->
<!--    toAdd (type) {-->
<!--      this.$router.push({-->
<!--        path: '/todo/add',-->
<!--        query: {-->
<!--          planId: this.planId,-->
<!--          date: this.date,-->
<!--          type: type,-->
<!--          name: this.name-->
<!--        }-->
<!--      })-->
<!--    }-->
<!--  },-->
<!--  computed: {-->
<!--  },-->
<!--  data () {-->
<!--    return {-->
<!--      name: null,-->
<!--      date: null,-->
<!--      planId: null,-->
<!--      types: [-->
<!--        { name: '药店拜访', have: false, type: 0, num: 0, done: 0 },-->
<!--        { name: '试用装发放', have: false, type: 1, num: 0, done: 0 },-->
<!--        { name: '促销活动', have: false, type: 2, num: 0, done: 0 }-->
<!--      ]-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped lang="stylus">-->
<!--.todo-->
<!--  padding 10px 10px-->
<!--  .title-->
<!--    width 100%-->
<!--    height 60px-->
<!--    color #55545D-->
<!--    font-size 22px-->
<!--    display flex-->
<!--    justify-content center-->
<!--    align-items center-->
<!--    box-shadow: 0px 3px 7px 0px rgba(89, 88, 87, 0.52);-->

<!--  .time-filter-->
<!--    padding 0 10px-->
<!--    font-size 18px-->
<!--    color #55545D-->
<!--    display flex-->
<!--    justify-content space-between-->
<!--    align-items center-->
<!--    margin-top 20px-->

<!--    .place-->
<!--      font-size 16px-->
<!--      color red-->
<!--  .types-->
<!--    margin-top 20px-->
<!--    padding-bottom 40px-->
<!--    .type-->
<!--      margin-bottom 10px-->
<!--      display flex-->
<!--      align-items center-->
<!--      justify-content space-between-->
<!--      padding 0 10px-->
<!--      font-size 14px-->
<!--      background-color #ECEAEA-->
<!--      color #55545D-->
<!--      .del-->
<!--        color red-->
<!--      .type-edit-->
<!--        color red-->
<!--      .radios-->
<!--        display flex-->
<!--        align-items center-->
<!--        input-->
<!--          margin-right 10px-->
<!--        .false-->
<!--          margin-left 20px-->
<!--      &.done-->
<!--        background-color white-->
<!--      .week-date-->
<!--        color #595857-->
<!--  .btns-->
<!--    font-size 18px-->
<!--    color #55545D-->
<!--    display flex-->
<!--    justify-content space-between-->
<!--    position fixed-->
<!--    bottom 10px-->
<!--    left 0-->
<!--    right 0-->
<!--    padding 0 10px-->
<!--    .btn-->
<!--      background-color white-->
<!--      border 1px 1px 1px 1px solid #595857-->
<!--      box-shadow: 0px 3px 7px 0px rgba(89, 88, 87, 0.52);-->
<!--      width 100px-->
<!--      height 40px-->
<!--      display flex-->
<!--      justify-content center-->
<!--      align-items center-->
<!--</style>-->
